<template>
	<div class="city">
		<!-- <a href="" id="top"></a> -->
		<Header></Header>
		<!-- <Citylist :citylist="citylist" :hotCities="hotCities"></Citylist> -->
		<Citylist></Citylist>
				<!-- <div class="top"><a href="#top">↑</a></div> -->
	</div>
</template>
<script>
	import	Header from "./pages/header.vue"
	import	Citylist from "./pages/list.vue"
	export default{
		components:{
			Header,
			Citylist,
		},
		data(){
			return{
				citylist:[],
				hotCities:[]
			}
		},
		methods:{

		},
		mounted(){
			// this.$http.get("./../../../data/city.json").then((response)=>{
			// 	// console.log(response.data.data)
			// 	this.citylist = response.data.data.cities;
			// 	this.hotCities = response.data.data.hotCities;
			// })
		}
		
	}
</script>
<style scoped>
	.city{
		background: #f5f5f5;
	}.top{
		position: fixed;
		right:0.4rem;
		bottom:0.2rem;
		font-size: 0.6rem;
	}
</style>